草庐IT

jquery - iframe 与 div + jquery

全部标签

javascript - 在 chrome 扩展中,如何将跨源消息从父内容脚本发送到特定子 iframe 中的内容脚本

我正在开发一个带有list的Chrome扩展程序,目前可以访问所有主机。后台脚本将内容脚本注入(inject)所有框架。DOM加载完成后,顶部页面/框架中的内容脚本开始遍历DOM树。当walker遇到iframe时,它​​需要向与该iframe窗口相关联的特定内容脚本发送消息(可能是跨源)以开始其工作,并在此消息中包含一些序列化数据。父窗口暂停执行并等待子窗口完成它的行走,并发送回一条消息,表明它已完成并连同序列化数据。parent然后继续其工作。我已经尝试了两种方法来解决这个问题:frameElement.contentWindow.postMessage:这在大多数情况下都有效,但

javascript - 在 Angular 2 中使用 jQuery

我正在学习的教程,在使用的typings文件夹中使用了jQuery///在app.component内但没有工作。尝试通过CDN导入sideindex.html中的库,然后使用声明var$:any;还是不行通过NPM安装jQuery并将其安装到system.config.ts中的路径,如下所示paths:{//pathsserveasalias'npm:':'node_modules/','jquery:':'node_modules/jquery/dist/jquery.slim.min.js'},仍然没有线索更新:现在我通过angular-cli安装了angular。我没有404错

javascript - 如何禁用除 jquery datepicker 中选定日期之外的所有其他日期

我有两个名为开始日期和结束日期的日期选择器。我想从开始日期禁用除选定日期之外的所有其他日期。例如,如果我从开始日期选择器中选择15/12/2016,那么我想禁用结束日期选择器中除第15天之外的所有其他日期。Demofiddle:https://jsfiddle.net/d7vzxn8s/这是我的代码:StartDate:EndDate:$("#startdate").datepicker({onSelect:function(selected){vardt=newDate(selected);dt.setDate(dt.getDate());$("#enddate").datepick

javascript - jquery select2 : TypeError: b. 数据适配器为空

当使用select2多选并选择一个选项时,我收到此错误消息:TypeError:b.dataAdapterisnull有人知道这是怎么回事吗?多选工作正常,我只是想知道这条消息。编辑:这是我的html:Participant*这是jquery初始化:$(".select2me").select2({placeholder:"Select",width:"auto",allowClear:!0});如果在另一个下拉列表“projectSelector”中选择了一个值,我得到的多选数据:$('.projectSelector').on('change',function(){vartarg

javascript - jquery 不适用于 jsdom/enzyme

我有一个包含以下组件的最小测试React应用程序:importReactfrom'react';import$from'jquery';exportdefaultclassAppextendsReact.Component{componentDidMount(){console.log('componentDidMount',$('#helloDiv').length);}render(){returnHelloReact!;}}在浏览器(Chrome)中加载它时效果很好。componentDidMount()中的console.log()打印出1helloDivelementfoun

javascript - Angular 2 - 在 iframe 上注入(inject)自定义 header

我疯狂地尝试将请求自定义header(类似于'AUTH-TOKEN':'SomeToken123')注入(inject)到Angular4上。我需要向iframe页面传递一些必需的自定义header参数。谁能帮帮我?foo.component.html组件.ts@Component({selector:'app-foo',templateUrl:'./foo.component.html'})exportclassFooComponentimplementsOnInit{@ViewChild('iframe')iframe:ElementRef;publicisLoading:Bool

javascript - 页面滚动时将 Div 元素从一个移动到另一个

我看到了一些与我正在寻找的相似但不完全相同的东西。所以我想做的是将元素从一个父div内移动到另一个父div,但只有在用户向下滚动页面一定量后才可以。因此,一旦用户到达页面上的某个点,元素就会移动到另一个点,然后在页面的最顶部淡入。到目前为止,我已经能够创建div元素并让它显示在页面顶部,但只有在用户向下滚动600时才会显示。我现在需要做的是一旦这个元素出现移动其他div页面上的元素出现在其中。不确定我是否解释得很好!因此,如果您查看下面的代码,我现在要做的是在用户向下滚动并出现时将所有div类“Test”移动到“Top”元素内。然后,如果用户再次向上滚动,“Top”元素就会消失,“Te

javascript - 使用 Chrome 扩展内容脚本将 iframe 加载到页面中

我可以使用内容脚本将HTML/CSS动态添加到页面中。但是我尝试添加一个iframe标签,但遇到了一点麻烦。这是我的代码:constmyIFrame=``;letdiv=document.createElement('div');div.style.zIndex=9999999;div.innerHTML=myIFrame;document.body.insertBefore(div,document.body.firstChild);请注意modalIFrameURL值为:chrome-extension://omelijcoklpokoeobkpepoipjpbakoeo/moda

javascript - $($(this).attr ('href' )) 在 jQuery 中是什么意思?

我是jQuery的新手,了解基础知识,但我在定位页面的某些部分时遇到问题,因此我需要填补一些知识空白。我确实理解$(this).attr('href')会在当前聚焦/点击的对象中获取href的属性元素。但是如果这样写呢$($(this).attr('href'));?这是我在我没有编写的脚本中的代码,我不确定这只是一个错误还是故意的。我觉得这很基本,但是如何搜索$($())?当我搜索$($(this).attr('href'))时,我得到的只是关于我已经理解的原始条款的文档。这只是一个拼写错误还是一个单独的用例? 最佳答案 如您所说

javascript - Jquery 选择改变

我有一个选择框(Specie)和一个typeAhead输入字段(Breed),我需要更新选择框的更改,我有以下代码。SelectaSpeciesDogCatHorse$(document).on('change','.specie-breed',function(){letspecie=this.value;$('#breed').typeahead({source:function(query,process){return$.get('/get/breeds/'+specie,{query:query},function(data){console.log(data);return